<div class="wrapper">
    <ul class="clearfix">
    <#list page.content as dt>
        <li class="item">
            <div class="img">
                <a href="/destination/guide?id=${dt.destId}" target="_blank"><img height="200" width="320" src="${dt.coverUrl!}" style="display: inline;">
                    <div class="title">${dt.destName}</div>
                </a>
            </div>
            <div class="info">
                <p class="detail">${dt.info!}</p>
                <div class="hot">
                    <span class="label">TOP3</span>
                    <a href="javascript:;" target="_blank">蓝梦岛</a>
                    <span class="divide"></span>
                    <a href="javascript:;" target="_blank">库塔海滩</a>
                    <span class="divide"></span>
                    <a href="javascript:;" target="_blank">情人崖</a>
                </div>
                <div class="line"><a href="javascript:;" target="_blank"><em>1</em>巴厘岛新晋网红5日线路</a></div>
            </div>
        </li>
    </#list>

    </ul>
    <div style="float: right">
        <div style="float: left;" ><span style="line-height:30px"> 共${(page.totalPages)!1}页 / ${(page.totalElements)!0}条&nbsp;&nbsp;&nbsp;</span></div>
        <div id="pagination" class="jq-pagination" style="display: inline;"></div>
    </div>
    <script>
        $("#pagination").jqPaginator({
                    totalPages: ${page.totalPages!0},
                    visiblePages: 5,
                    currentPage: ${page.number+1}||1,
                prev: '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                next: '<a class="next" href="javascript:void(0);">下一页<\/a>',
                page: '<a href="javascript:void(0);">{{page}}<\/a>',
                last: '<a class="last" href="javascript:void(0);" >尾页<\/a>',
                onPageChange: function(page, type) {
            if(type == 'change'){
                $("#currentPage").val(page);
                $("#searchForm").submit();
            }
        }
        })
    </script>
</div>

